.forward-popup{
    .tea-dialog {
        &__inner {
            border-radius: 5px;
            padding: 25px 0;
            width: 820px;
            height: 520px;
        }
        &__header {
            border-bottom: 1px solid #E5E5E5;
            padding: 0 25px 5px;
            margin-bottom: 0;
            .tea-btn--icon {
                right: 14px;
            }
        }
        &__body {
            border-bottom: 1px solid #E5E5E5;
            height: 350px;
            display: flex;
            justify-content: stretch;
        }
        &__footer {
            padding-right: 37px;
            .tea-btn {
                border-radius: 3px;
            }
        }
        &__btnwrap {
            text-align: right;
        }
        
    }
    &__search-list {
        width: 470px;
        border-right: 1px solid #E5E5E5;
        display: flex;
        flex-direction: column;
        &__search {
            width: 100%;
            box-sizing: border-box;
            display: flex;
            align-items: center;
            border: 1px solid #ddd;
            border-radius: 15px;
            padding: 0 12px;
        }
        &__input {
            flex: 1;
            height: 30px;
            border: none;
        }
        &__list {
            padding: 20px;
            overflow-y: overlay;
            overflow-x: hidden;
            flex: 1;      
        }
        
    }
    &__seleted-list {
        flex: 1;
        padding: 20px;
    }
    
}
.user-item {
    cursor: pointer;
        display: flex;
        align-items: center;
        line-height: 24px;
        padding: 8px 0;
        animation:animate .5s;
    &__icon {
        margin-right: 10px;
    }
    &__tea-icon {
        margin-right: 5px;
    }
    .avatar {
        margin-right: 5px;
    }
    &__icon-normal {
        margin-right: 10px;
        box-sizing: border-box;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        border: 2px solid #ddd;
    }
    &__name {
        flex: 1;
    }
}
@keyframes animate {
    0%   {opacity:0;}
	100%   {opacity:1;}
}

.customize-scroll-style {
    overflow-y: overlay;
    overflow-x: hidden;
    box-sizing: border-box;
    &:hover {
        &::-webkit-scrollbar {
            width:8px;
            background-color:transparent;
        }
        &::-webkit-scrollbar-thumb {
            border-radius:8px;
            box-shadow:inset 0 0 2px rgba(0,0,0,.3);
            background-color:#d1d1d1;
        }
    } 
    &::-webkit-scrollbar {
        width:0px;
        background-color:transparent;
    }
   
    &::-webkit-scrollbar-track {
        background-color:transparent;
    }
    
    &::-webkit-scrollbar-thumb {
        width: 8px;
        background-color: transparent;
    }
}
